<div class="sidebar_detail">
    <div class="tab-header">
        <div class="title">
            <i class="fa fa-home"></i>订单详情
        </div>
        <div class="tool">
            <!-- <button type="button" class="btn btn-default"
                ng-click="detailSupport.save()"
                ng-disabled="updateOrderForm.$invalid">
                <i class="fa fa-outdent"></i>保存
            </button> -->
        </div>
    </div>
    <ul class="nav nav-tabs" style="clear: both">
        <li class="active"><a data-target="#orderBaseInfo" role="tab"
                              data-toggle="tab">基本信息</a></li>
        <li><a data-target="#detailVisitorOrderInfo" role="tab" data-toggle="tab">游客列表</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="orderBaseInfo">
            <form id="updateOrderForm" name="updateOrderForm" novalidate>
                <div class="row">
                    <div class="col-md-12 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-md-2 col-sm-2 control-label">订单编号:</label>
                            <div class="col-md-10 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.orderNo}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label"> <span
                                    class="notNull">*</span>组团社:
                            </label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.storeName}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label"> <span
                                    class="notNull">*</span>供应商:
                            </label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.supplierName}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label">产品名称:</label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.productName}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label">班期:</label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.timeDate }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label">总金额:</label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.totalAmount}}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 form-horizontal">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label">数量:</label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.quantity }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-md-4 col-sm-2 control-label">状态:</label>
                            <div class="col-md-8 col-sm-10"
                                 style="padding-top: 7px; text-align: left">{{
                                detailSupport.entity.order.statusName}}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="row">
                    <div class="col-md-12 form-horizontal" style="margin-left: -26px;">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"> 游客: </label>
                            <div class="col-sm-10">
                                <div class="body" style="height: 200px;">
                                    <ul>
                                        <li ng-click="detailSupport.selectVisitor(item.id)"
                                            ng-repeat="item in detailSupport.entity.visitors">
                                            <div style="text-align: right; height: 1px">
                                                <i class="fa fa-trash-o"></i>
                                            </div>
                                            <div>
                                                <span>{{item.zhName}}</span>
                                                </p>
                                                <span>{{item.enName}}</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </form>
            <!--<div class="row">
                <div class="col-md-12">
                    <div id="OrderDetailForVisitorGirdDivId"></div>
                </div>
            </div>-->
        </div>
        <div class="tab-pane" id="detailVisitorOrderInfo">
            <div class="col-md-12" style="padding: 0 1px;">
                <div id="OrderDetailForVisitorGirdDivId"></div>
            </div>
        </div>
    </div>
</div>